Component({
  properties: {
    // 头像地址
    avatarSrc: {
      type: String,
      value: ''
    },
    // 用户名
    username: {
      type: String,
      value: ''
    },
    // 描述
    description: {
      type: String,
      value: ''
    },
    // 关注按钮文字
    followText: {
      type: String,
      value: '关注'
    },
    
  },

  data: {
    // 按钮状态，true表示已关注，false表示未关注
    followed: false
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onFollowTap: function () {
      // 切换按钮状态
      this.setData({
        followed: !this.data.followed
      });

      // 根据按钮状态更新文字
      if (this.data.followed) {
        this.setData({
          followText: '已关注'
        });
      } else {
        this.setData({
          followText: '关注'
        });
      }

      // 触发自定义事件，通知父组件按钮状态变化
      this.triggerEvent('follow', { followed: this.data.followed });
    },
    onTapCard: function(event) {
      // 获取点击的组件
      const target = event.target.dataset.target;
      // 如果点击的是卡片而不是按钮，则执行页面跳转逻辑
      if (target !== 'follow-button') {
        // 将关注状态和用户信息传递到目标页面
        wx.navigateTo({
          url: `/pages/pro-index/pro-index?followed=${this.data.followed}&avatarSrc=${this.data.avatarSrc}&username=${this.data.username}&description=${this.data.description}`
        });
      }
    }
  }
});